<template>
  <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="pagingData.pageSizes" :page-size="pagingData.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
</template>

<script>
  export default {
    props: {
      pagingData: {
        type: Object
      },
      currentPage: {
        type: Number
      },
      total: {
        type: Number
      }
    },
    methods: {
      handleSizeChange(val) {
      },
      handleCurrentChange(val) {
        this.currentPage = val;
        this.$emit('handleCurrentChange')
      }
    },
  }
</script>